<template>
  <div id="index">
    <el-container style="height:100%">
      <el-header height="70px">
        <topheader />
      </el-header>
      <el-container style="height:100%">
        <el-aside width="240px" style="height:100%">
          <leftnav />
          <div class="copyright">
            <p>®贵州交建信息科技有限公司</p>
            <p>©版权所有 ICP证: 黔ICP备16010462号</p>
          </div>
        </el-aside>
        <el-main class="main">
          <router-view class="router-view"></router-view>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import topheader from "../components/topheader.vue";
import leftnav from "../components/leftnav.vue";
export default {
  name: "index",
  components: {
    topheader,
    leftnav
  }
};
</script>

<style lang="scss">
#index {
  background-color: rgb(244, 246, 249);
  .el-header {
    padding: 0 !important;
  }
  .router-view {
    background-color: #fff;
  }
  .copyright {
    position: fixed;
    bottom: 8px;
    text-align: center;
    p {
      width: 240px;
      font-size: 12px;
      color: rgba(255, 255, 255, 0.55);
      text-align: center;
    }
  }
}
</style>
